<template>
  <div class="carttitle">
    <el-steps :active="0" align-center>
      <el-step title="步骤1"></el-step>
      <el-step title="步骤2"></el-step>
      <el-step title="步骤3"></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  name: "OrderCard",
  data() {
    return {
      count: "",
    };
  },

  mountd() {
    let that = this;
    that.$bus.$on("bus1", (res) => {
      that.count = res;
    });
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.carttitle {
  width: 100%;
}
.carttitle .tle {
  background-color: #ddd8d8;
  text-align: center;
  margin-bottom: 20px;
}
.carttitle h2 {
  text-align: left;
}
.carttitle h4 {
  width: 400px;
  text-align: left;
  margin-top: 10px;
}
</style>